<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:decorate template="/templates/template.xhtml">

<ui:define name="head">
	<style type="text/css">
	
	.calendarioParcelas {
		font-size: 9px !important;
		position: relative !important;
		margin-top: 0px !important;
		border: 1px solid #9F9F9F;
		height: 80px !important;
		width: 110px !important;
		border: 1px solid #9F9F9F;
	}
	
	.descricaoCalendarioParcelas {
		vertical-align: top;
	}
	
	.valorCalendarioParcelas {
		text-align: right;
		vertical-align: top;
	}
	</style>

	<script language="javascript">

	</script>
	</ui:define>

	<ui:define name="centro">

		<h:form id="form1" prependId="false">

			<p:growl id="growl" showDetail="true" sticky="true" />

			<p:panel id="panelPesquisa">
				<f:facet name="header">
					<h:outputText value="#{lbls.LBL_0017}" />
				</f:facet>


				<p:dataGrid value="#{manterTransacaoMB.listaDatasTransacoes}"
					columns="7" var="dataTrans">

					<div>
						<h:outputText value="#{dataTrans.dia}">
							<f:convertDateTime pattern="dd" />
						</h:outputText>

						<h:dataTable value="#{dataTrans.listaParcelas}" var="parc"
							id="tabelaParcela"
							columnClasses="descricaoCalendarioParcelas, valorCalendarioParcelas"
							styleClass="calendarioParcelas">
							<h:column headerClass="width: 80px;">
								<h:outputText value="#{parc.transacao.descricao}" />
							</h:column>
							<h:column>
								<h:outputText value="#{parc.valor}">
									<f:convertNumber pattern="#,##0.00" minFractionDigits="2" />
								</h:outputText>
							</h:column>
						</h:dataTable>
					</div>
				</p:dataGrid>

			</p:panel>

		</h:form>

	</ui:define>
</ui:decorate>
</html>